@import "../../@shared/styles/custom-theme.scss";

.msgLogin {
  .form {
    margin-top: 40px;

    input {
      height: 40px;
      border: 1px solid #4a4b52;
    }

    input:hover {
      border: 1px solid #4a4b52 !important;
    }

    input:focus {
      border: 1px solid #4a4b52 !important;
    }

    ::ng-deep .devui-form-item {
      margin-top: 10px;
    }

    ::ng-deep .devui-form-message {
      font-size: 12px;
      margin-top: 8px;
    }

    .login-operation {
      text-align: center;
    }

    .login-btn {
      margin-bottom: 20px;
      margin-top: 10px;
      width: 100%;

      ::ng-deep button {
        width: 100%;
        height: 40px;
        background: #ffbf00;
        font-size: 14px;
        font-family: Microsoft YaHei, Microsoft YaHei-Normal;
        font-weight: Normal;
        text-align: CENTER;
        color: #0b0c11;
        line-height: 20px;
      }
    }

    .wrongMsg {
      font-size: 12px;
      margin-top: 8px;
      color: var(--devui-danger);
    }
  }

  ::ng-deep .devui-form-vertical .devui-form-item {
    display: flex;
    margin-bottom: 20px !important;
    flex-direction: column;
  }

  .register {
    display: flex;
    justify-content: right;
    margin-bottom: 40px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.4);
  }

  a {
    cursor: pointer;
    color: rgba(255, 255, 255, 0.4);
  }

  a:hover {
    color: white;
  }

  .code {
    display: flex;

    .getCode {
      margin-left: 20px;

      ::ng-deep button {
        width: 120px;
        height: 40px;
        text-align: center;
        font-size: 14px;
        color: #8e8f97;
        background-color: rgba(0, 0, 0, 0.8);
        border: 1px solid #4a4b52;
        border-radius: 2px;
        line-height: 14px;
      }

      ::ng-deep .devui-btn.devui-btn-primary:disabled {
        width: 120px;
        height: 40px;
        text-align: center;
        font-size: 14px;
        color: #4a4b52;
        background-color: rgba(0, 0, 0, 0.8);
        border: 1px solid #4a4b52;
        border-radius: 2px;
        line-height: 14px;
      }

      ::ng-deep button:hover {
        background-color: #131419;
      }
    }
  }

  .phonePrefix {
    ::ng-deep .devui-form-control-has-suffix .devui-form-item-suffix {
      bottom: 0;
      left: 18px;
    }

    ::ng-deep :not(.multiple-label-auto-complete-disabled):not(.devui-error)>.devui-dropdown-origin:not(d-button):not(.icon):not([class^="icon-"]):not([disabled]):not(.disabled):not(.devui-disabled):not(.devui-dropdown-no-border):not(.devui-no-border) {
      border: none;
    }

    .prefix {
      margin-right: 10px;

      ::ng-deep input.devui-form-control.devui-select-input {
        height: 40px;
        width: 70px;
        border: 1px solid #4a4b52;
        font-size: 14px;
      }
    }
  }
}
